<!DOCTYPE html>
<html class="no-js" lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>GODOT技术分享|中文增强版</title>     
        <!-- font awesome cdn link  -->
        <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.1.1/css/all.min.css">
     
        <!-- bootstrap cdn link  -->
        <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.6.1/css/bootstrap.min.css">
        
        <!-- custom css file link  -->
        <link rel="stylesheet" href="https://godot.pro/static/css/style.css">
     </head>
    <!-- header section starts     -->
    <header class="header fixed-top">
        <div class="container">    
        <div class="row align-items-center">            
            <a href="#" class="logo mr-auto">  <div class="row"><img src="https://godot.pro/static/images/icon2.svg" style="width: 40px;" alt=""> <span>&nbspGodot中文增强版</span> </div> </a> 
            <!--<a href="#" class="logo mr-auto"> <i class="fas fa-mug-hot"></i> Godot </a>  -->
    
            <nav class="nav">
                <a href="https://godot.pro/#home">首页</a>
                <a href="https://godot.pro/#about">关于</a>
                <a href="https://godot.pro/#menu">版块</a>
                <a href="https://godot.pro/#gallery">作品</a>
                <a href="https://godot.pro/#reviews">分享</a>
               <!-- <a href="https://godot.pro/#contact">社区</a>  -->
                <a href="https://godot.pro/#blogs">支持</a>
            </nav>    
            <div class="icons">
                <div id="menu-btn" class="fas fa-bars"></div>
                <div id="login-btn" class="fas fa-user"></div>
            </div>    
        </div>    
        </div>    
    </header>
    <!-- login form starts -->
    <div class="login-form">

        <form action="">
        <div id="close-login-form" class="fas fa-times"></div>
        <a href="#" class="logo mr-auto"></i> 加入社区 </a>
        <h3>让我们开始新美好的一天!</h3>
        <input type="email" name="" placeholder="输入你的邮箱"  class="box">
        <input type="password" name="" placeholder="输入你的密码"  class="box">
        <div class="flex">
            <input type="checkbox" name="" id="remember-me">
            <label for="remember-me">阅读</label>
            <a href="#">忘记密码?</a>
        </div>
        <input type="submit" value="现在登录" class="link-btn">
        <p class="account">没有账户? <a href="#">创建一个!</a></p>
        </form>    
    </div>
    <body class="">        
<section class="home" id="home" >
   <div class="container">
      <div class="row align-items-center text-center text-md-left " style=" margin-top: 10%; background-color: #f8f9fa;">         
  
         <div class="col-md-6 ">
            
         </div>
      </div>
   </div>

</section>

<!-- 作品 section starts  -->

<section class="gallery" id="gallery">

    <h1 class="heading">视频教程</h1>
 
    <div class="box-container container">
 
       <div class="box">
          <img src="https://godot.pro/static/images/tutorial1.png" alt="">
          <div class="content">
             <h3>2D ARPG游戏实例</h3>
             <p>国外作者制作，由B站UP“薰之君”翻译添加字幕，教学内容细致，适合初学者观看。<br>【教学版本3.2】</p>
             <a href="https://www.bilibili.com/video/BV15D4y1U7j5" class="link-btn">详情</a>
          </div>
       </div>
 
       <div class="box">
          <img src="https://godot.pro/static/images/tutorial2.png" alt="">
          <div class="content">
             <h3>2D 塔防游戏实例</h3>
             <p>由“矢量工坊宝儿姐”制作，是个完整的实例教程，适合有一定基础的爱好者观看。<br>【教学版本3.4】</p>
             <a href="https://www.bilibili.com/video/BV1zi4y1Q7Rj" class="link-btn">详情</a>
          </div>
       </div>
 
       <div class="box">
          <img src="https://godot.pro/static/images/tutorial3.png" alt="">
          <div class="content">
             <h3>3D 知识类教学</h3>
             <p>由B站UP“人类的大敌”制作，教学内轻松简洁，适合观看学习3D相关内容。<br>【教学版本3.2】</p>
             <a href="https://www.bilibili.com/video/BV1PJ411i7hK" class="link-btn">详情</a>
          </div>
       </div>
 
       <div class="box">
          <img src="https://godot.pro/static/images/tutorial4.png" alt="">
          <div class="content">
             <h3>2D 官方实例实现</h3>
             <p>由B站UP“薰之君”制作，对官方2D实例进行了实现，适合对照文档，加深知识点。<br>【教学版本3.0】</p>
             <a href="https://www.bilibili.com/video/BV1pt411p7DK" class="link-btn">read more</a>
          </div>
       </div>
 
       <div class="box">
          <img src="https://godot.pro/static/images/tutorial5.png" alt="">
          <div class="content">
             <h3>2D 塔防游戏实例</h3>
             <p>国外作者制作，该教程内容紧凑，是非常推荐的案例教学【注：宝儿姐有一期翻译】。<br>【教学版本3.0】</p>
             <a href="https://www.bilibili.com/video/BV1wb411a7zE" class="link-btn">read more</a>
          </div>
       </div>
 
       <div class="box">
          <img src="https://godot.pro/static/images/tutorial6.png" alt="">
          <div class="content">
             <h3>综合知识类教程</h3>
             <p>精品类综合教程，是中文社区众筹教程第一期，其他教学内容在制作当中，敬请期待。<br>【无版本限制】</p>
             <a href="https://www.bilibili.com/video/BV1hF411H71o" class="link-btn">read more</a>
          </div>
       </div> 

       <div class="box">
         <div class="col-md-12 ">
            <span class="text-center text-md-left "  style="font-size:large; color: #512A10;" >              
                <p>说明：</p>
                <p>此页面罗列了，B站中GODOT知识教学视频中，个别推荐内容，不能一一列举，必有遗漏，请谅解。</p>
                <p>以上视频内容适合目前最新稳定版本。只有在大版本号4.0更新后，可能会有个别内容不一致的情况，但很多内容依然可以学习借鉴。</p>
           </span>   
         </div>
      </div> 

      <div class="box">
         <div class="col-md-12 ">
            <span class="text-center text-md-left "  style="font-size:large; color: #512A10;" >           
                <p>-</p>    
                <p>更多内容，请到B站检索。此页面内容正逐步添加中。</p>
           </span>   
         </div>
      </div> 
    </div> 

 </section> 
 <!-- 作品 section ends -->


    <!-- footer section starts  -->
    <section class="footer container">           
        <p class="credit">  © 2018-2022　<a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener"><span>陇ICP备2020004491号-1</span></a></p>
    </section> 
 <!-- custom js file link  -->
 <script src="https://godot.pro/static/js/script.js"></script>
</body>
</html>
